// 购物车动画
$('.nav-right-shop').hover(function () {
    $(this).find('.nav-right-shop-bottom').slideDown(200);
}, function () {
    $(this).find('.nav-right-shop-bottom').slideUp(200);
});
// logo鼠标进入显示/隐藏
$('.logo-center-show').hover(function () {
    // $(this).siblings().slideDown(200);
}, function () {
    $(this).siblings().stop().slideUp(200);
});
$('.logo-center-show li').hover(function () {

    if ($(this).index() < 7) {

        $('.logo-first').eq($(this).index()).show().siblings().hide();
        $('.logo-center-hide').stop().slideDown(200);
    } else {
        $('.logo-center-hide').stop().slideUp(200);
    }
});
$('.logo-center-hide').hover(function () {
    $(this).stop().slideDown(200);
}, function () {
    $(this).stop().slideUp(200);
})
// 点击搜索框
$('form .input').focus(function () {
    $('.logo-right-text span').fadeOut(200);
    $(this).css('border-color', '#ff6700');
    $('.button').css('border-color', '#ff6700').css('border-left', 'none');
    $('.input-bottom').show();
});
$('form .input').focusout(function () {
    $('.logo-right-text span').fadeIn(200);
    $(this).css('border-color', '#b0b0b0');
    $('.button').css('border-color', '#b0b0b0').css('border-left', 'none');
    $('.input-bottom').hide();
});
// 轮播图
var index = 0;
function showImg() {
    $('.slideShow li').eq(index).addClass('slideShow-show').siblings().removeClass('slideShow-show');
    $('.switcher li').eq(index).addClass('active').siblings().removeClass('active');
}
// 下一张
var timer = setInterval(nextImg, 1000);
function nextImg() {
    // console.log(index);
    showImg();
    index = index == 6 ? 0 : index + 1;
}
// 上一张
function prevImg() {
    index = index == 0 ? 6 : index - 1;
    showImg();
}
// 跟随指示灯切换
$('.switcher li').hover(function () {
    console.log($(this).index());
    clearInterval(timer);
    index = $(this).index();
    console.log(index);
    nextImg();
}, function () {
    timer = setInterval(nextImg, 1000);
});
// 点击切换下一张
$('#next').click(function () {
    nextImg();
});
$('#prev').click(function () {
    prevImg();
});
// 鼠标放上清空定时器
$('.slideShow').mouseover(function () {
    clearInterval(timer);
});
$('.slideShow').mouseout(function () {
    timer = setInterval(nextImg, 1000);
});
// 小米明星单品
var isShow = true;
function leftImg() {
    if (isShow) {
        $('.star-show1').animate({ left: -1226 }, 500);
        $('.star-hide1').animate({ left: 0 }, 500);
        if ($('.showRight').find('a').hasClass('gray')) {
            $('.showLeft').find('a').removeClass('ligray');
            $('.showLeft').find('a').addClass('gray');
            $('.showRight').find('a').removeClass('gray');
            $('.showRight').find('a').addClass('ligray');
        }
    } else {
        $('.star-show1').animate({ left: 0 }, 500);
        $('.star-hide1').animate({ left: 1226 }, 500);
        if ($('.showLeft').find('a').hasClass('gray')) {
            $('.showRight').find('a').removeClass('ligray');
            $('.showRight').find('a').addClass('gray');
            $('.showLeft').find('a').removeClass('gray');
            $('.showLeft').find('a').addClass('ligray');
        }
    }
    isShow = !isShow;
}
setInterval(leftImg, 5000);
$('.star-showLeft').click(function () {
    $('.star-show').stop().animate({ left: 0 }, 1000);
    $('.star-hide').stop().animate({ left: 1226 }, 1000);
    $(this).find('a').removeClass('gray');
    $(this).find('a').addClass('ligray');
    $('.star-showRight').find('a').removeClass('ligray');
    $('.star-showRight').find('a').addClass('gray');

});
$('.star-showRight').click(function () {
    $('.star-show').stop().animate({ left: -1226 }, 1000);
    $('.star-hide').stop().animate({ left: 0 }, 1000);
    $(this).find('a').removeClass('gray');
    $(this).find('a').addClass('ligray');
    $('.star-showLeft').find('a').removeClass('ligray');
    $('.star-showLeft').find('a').addClass('gray');
});

$('.star-showRight').mouseenter(function () {
    if ($(this).find('a').hasClass('gray')) {
        $(this).find('a').addClass('color');
    }
});
$('.star-showRight').mouseleave(function () {
    $(this).find('a').removeClass('color')
});
$('.star-showLeft').mouseenter(function () {
    if ($(this).find('a').hasClass('gray')) {
        $(this).find('a').addClass('color');
    }
});
$('.star-showLeft').mouseleave(function () {
    $(this).find('a').removeClass('color')
});

// 主要内容
var count = 0;
// 跟随指示灯切换
$('.home').mouseover(function () {
    // console.log($(this).index());
    count = $(this).index()
    $('.homeFenlei li').hover(function () {
        $('.home').eq(count).find('.homeFenlei-homePhotto-one').eq($(this).index()).css('z-index', '5').siblings().css('z-index', '4');
        $('.home').eq(count).find('.homeFenlei li').eq($(this).index()).addClass('one-color').siblings().removeClass('one-color');
    });
});
// 内容轮播图
// 点击切换图片
// 下一张
var next = 0;
// $('.content-left').click(function () {
//     // console.log($(this).siblings('.circle').find('.active').index()-1);
//     next = $(this).siblings('.circle').find('.active').index() - 1;
//     if (next > -1) {
//         $(this).siblings('.circle').find('ul').eq(next).addClass('active').siblings().removeClass('active');
//         $(this).siblings('.content-first').animate({ left: -296 * next }, 1000);
//     }

// });
// $('.content-right').click(function () {
//     console.log($(this).siblings('.circle').find('.active').index()+1);
//     next = $(this).siblings('.circle').find('.active').index() + 1;
//     if (next < $(this).siblings('.circle').find('ul').length) {
//         $(this).siblings('.circle').find('ul').eq(next).addClass('active').siblings().removeClass('active');
//         $(this).siblings('.content-first').animate({ left: -296 * next }, 1000);
//     }
// });




// 点击切换图片2

// $('.circle ul').click(function () {
//     // console.log($(this).index());
//     $(this).addClass('active').siblings().removeClass('active');
//     next = $(this).index();
//     $(this).parent().siblings('.content-first').animate({ left: -296 * next }, 1000);

// });
